	.GP_body {
		position: relative;
		background-image: url(../img/2x.png);
		background-size: 100% 100%;
		height: 100%;
	}
	
	.GP_body .body {
		position: absolute;
		text-align: center;
		height: 73.04%;
		overflow: hidden;
	}
	
	.GP_bottom {
		position: absolute;
		width: 100%;
		padding: 0 4.266666666666665%;
		bottom: 6.74%;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.justify-cent {
		-webkit-justify-content: center !important;
		justify-content: center !important;
	}
	
	.GP_box {
		width: 100%;
		height: 100%;
		border-radius: .5rem;
		background: #fff;
		border: 0;
		box-shadow: 2px 2px 2px rgba(20, 5, 7, .2);
		overflow: hidden;
		text-align: center;
	}
	
	.GP_box .triangle {
		position: absolute;
		top: -2.5rem;
		left: -2.5rem;
		width: 5rem;
		height: 5rem;
		color: #444;
		text-align: center;
		box-shadow: 2px 2px 2px rgba(20, 5, 7, .2);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		/*border-top: 4rem solid #ECF0F1;
    border-right: 4rem solid transparent;*/
	}
	
	.GP_box .triangle .span {
		display: none;
		position: relative;
		left: 1.55rem;
		top: 2rem;
		font-size: .9rem;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	.GP_body .body.x1 {
		z-index: 10;
		top: 8.54572713643178%;
		left: 4.266666666666665%;
		width: 91.46666666666667%;
	}
	
	.GP_body .body.x2 {
		z-index: 9;
		top: 6.59670164917541%;
		left: 6.266666666666665%;
		width: 87.46666666666667%;
		opacity: .73;
	}
	
	.GP_body .body.x3 {
		z-index: 8;
		top: 4.49775112443778%;
		left: 8.266666666666665%;
		width: 83.46666666666667%;
		opacity: .32;
	}
	
	.GP_body .body.x4 {
		z-index: 7;
		top: 3.09775112443778%;
		left: 10.266666666666665%;
		width: 79.46666666666667%;
		opacity: .12;
	}
	
	.GP_body .body.x5 {
		z-index: 6;
		top: 2.09775112443778%;
		left: 12.266666666666665%;
		width: 75.46666666666667%;
		opacity: .06;
	}
	
	.GP_bottom .button {
		font-size: 1rem;
		background: #038DE8;
		color: #fff;
		width: 47%;
		line-height: 2.5rem;
		height: 2.5rem;
		border-radius: 2.5rem;
		border: 0;
	}
	
	.GP_animation_next {
		animation: GP_next 1s cubic-bezier(0, 0, 1, 1);
		-moz-animation: GP_next 1s cubic-bezier(0, 0, 1, 1);
		-ms-animation: GP_next 1s cubic-bezier(0, 0, 1, 1);
		-webkit-animation: GP_next 1s cubic-bezier(0, 0, 1, 1);
		transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-webkit-transform: translate3d(0, 0, 0) !important;
		-moz-transform: translate3d(0, 0, 0) !important;
		-ms-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
	
	.GP_animation_last {
		animation: GP_last .7s ease;
		-moz-animation: GP_last .7s ease;
		-ms-animation: GP_last .7s ease;
		-webkit-animation: GP_last .7s ease;
		transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-webkit-transform: translate3d(0, 0, 0) !important;
		-moz-transform: translate3d(0, 0, 0) !important;
		-ms-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
	
	.GP_box .div {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		height: 100%;
		font-size: .75rem;
	}
	
	.GP_box .div .img {
		/*margin: 2rem 0rem 2rem 2rem;*/
		margin-left: 2rem;
	}
	
	.GP_box .div p {
		color: #333;
	}
	
	.GP_box .div .i {
		position: relative;
		display: inline-block;
		width: .6rem;
		height: .6rem;
		background: #F15C5D;
		border-radius: 50%;
		vertical-align: auto;
		margin-right: .45rem;
	}
	
	.GP_box .div .topdiv {
		width: 100%;
		height: 67.40576496674058%;
	}
	
	.GP_box .div .botdiv {
		width: 100%;
		height: 32.59423503325942%;
	}
	
	.GP_box .div .botdiv div {
		height: 100%;
	}
	
	.GP_box .div .botdiv p {
		/*margin-top: 1.5rem;*/
	}
	
	.addtrans {
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
	}
	
	.text-leftbody {
		height: auto !important;
		width: auto;
		margin: 0 auto;
		padding: 0 1rem;
	}
	
	.text-centerbody {
		height: auto !important;
		width: auto;
		text-align: center;
		padding: 0 1rem;
	}
	/*动画*/
	
	@keyframes GP_next {
		0% {
			transform: rotate(0deg);
			opacity: 1;
		}
		25% {
			opacity: 0;
		}
		100% {
			transform: rotate(180deg);
			opacity: 0;
		}
	}
	
	@-webkit-keyframes GP_next {
		0% {
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			opacity: 1;
		}
		25% {
			opacity: 0;
		}
		100% {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			opacity: 0;
		}
	}
	
	@-moz-keyframes GP_next {
		0% {
			transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			opacity: 1;
		}
		25% {
			opacity: 0;
		}
		100% {
			transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			opacity: 0;
		}
	}
	
	@-ms-keyframes GP_next {
		0% {
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			opacity: 1;
		}
		25% {
			opacity: 0;
		}
		100% {
			transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			opacity: 0;
		}
	}
	
	@keyframes GP_last {
		0% {
			transform: rotate(-180deg);
			opacity: 0;
		}
		45% {
			opacity: 0;
		}
		100% {
			transform: rotate(0deg);
			opacity: 1;
		}
	}
	
	@-webkit-keyframes GP_last {
		0% {
			transform: rotate(-180deg);
			-webkit-transform: rotate(-180deg);
			opacity: 0;
		}
		45% {
			opacity: 0;
		}
		100% {
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			opacity: 1;
		}
	}
	
	@-moz-keyframes GP_last {
		0% {
			transform: rotate(-180deg);
			-moz-transform: rotate(-180deg);
			opacity: 0;
		}
		45% {
			opacity: 0;
		}
		100% {
			transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			opacity: 1;
		}
	}
	
	@-ms-keyframes GP_last {
		0% {
			transform: rotate(-180deg);
			-ms-transform: rotate(-180deg);
			opacity: 0;
		}
		45% {
			opacity: 0;
		}
		100% {
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			opacity: 1;
		}
	}